<template>
  <div>
    <table1></table1>
    <table2></table2>
    <table3></table3>
    <table4></table4>
    <table5></table5>
    <table6></table6>
    <table7></table7>
  </div>
</template>

<script>
import table1 from "../../components/table1.vue";
import table2 from "../../components/table2.vue";
import table3 from "../../components/table3.vue";
import table4 from "../../components/table4.vue";
import table5 from "../../components/table5.vue";
import table6 from "../../components/table6.vue";
import table7 from "../../components/table7.vue";

export default {
  name: "Table",
  components: { table1, table2, table3, table4, table5, table6, table7 },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="less">
.table-wrap {
  h3 {
    font-size: 1rem;
    text-align: center;
    padding: 50px 0 10px;
  }
}
</style>
